<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index03-表单选择器</title>
</head>
<body>
<form action="#" method="post">
  <input type="hidden" value="100" name="id"/>
  用户名:<input type="text" name="username"/><br />
  密码:<input type="password" name="password"/><br />
  性别:<input type="radio" value="男" name="gender"/>男
      <input type="radio" value="女" name="gender"/>女<br />
  爱好:<input type="checkbox" value="篮球" name="hobby">篮球
      <input type="checkbox" value="足球" name="hobby">足球
      <input type="checkbox" value="排球" name="hobby">排球<br />
  请选择图片:<input type="file" name="photo"/><br />
  图片按钮:<input type="image" src="../images/1.png"/><br />
  籍贯:<select name="city">
        <option value="1">南京市</option>
        <option value="2">北京市</option>
        <option value="3">上海市</option>
      </select>
  <br />
  自我介绍:<textarea cols="10" rows="5" name="info"></textarea><br />
  <button type="button">按钮1</button>
  <input type="button" value="按钮2"/>
  <input type="submit" value="提交按钮"/>
  <input type="reset" value="重置按钮"/>
</form>
<script type="text/javascript" src="../scripts/jquery-3.7.0.js"></script>
<script type="text/javascript">

  $(function(){
    // 表单选择器	$(":input")	匹配所有 input, textarea, select 和 button 元素
    // console.log($(":input"));
    // 文本框选择器	$(":text")	查找所有文本框
    // console.log($(":text"));
    // 密码框选择器	$(":password")	查找所有密码框
    // console.log($(":password"));
    // 单选框按钮选择器	$(":radio")	查找所有单选按钮
    // console.log($(":radio"));
    // 复选框选择器	$(":checkbox")	查找所有复选框
    // console.log($(":checkbox"));
    // 提交按钮选择器	$(":submit")	查找所有提交按钮
    // console.log($(":submit"));
    // 图像域选择器	$(":image")	查找所有图像域
    // console.log($(":image"));
    // 重置按钮选择器	$(":reset")	查找所有重置按钮
    // console.log($(":reset"));
    // 按钮选择器	$(":button")	查找所有按钮
    // console.log($(":button"));
    // 文本域选择器	$(":file")	查找所有文件域
    // console.log($(":file"));
  });

</script>
</body>
</html>